/*
[Contents]

	0- Global
	1- Headings
	2- Links
	3- Icons
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
body {
	font: 12px/1.2 Arial, Helvetica, sans-serif;
}
strong {
	font-weight: bold;
}
.hide {
	display: none !important;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/* For Safari */
html[xmlns] .clearfix {
	display: block;
}
/* For IE6 */
*html .clearfix {
	height: 1%;
}
/* For IE7 */
* + html .clearfix {
	height: 1%;
}

/* Text Align */
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

/* Loading */
.loading{
	display:none;
	height:100%;
	left:0;
	opacity:0.8;
	filter: alpha(opacity = 80);
	position:absolute;
	top:0;
	width:100%;
	z-index:9999;
}
.loading span{
	background:#FFF url(images/loading.gif) no-repeat center 10px;
	border:2px solid #70B7FD;
	color:#3399FF;
	display:block;
	font-weight:bold;
	margin:0 auto;
	padding:50px 10px 10px 10px;
	position:relative;
	text-align:center;
	top:40%;
	width:200px;
}

/* =1 Headings
---------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
/* =2 Links
---------------------------------------------------------------------------------------------------------------------*/
a {
	color: #005C9C;
}
a:hover {
	text-decoration: underline;
}

/* Link Button
---------------------------------------------------------------*/
a.button {
	background: -moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1);/* Firefox */
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(white), to(#E1E1E1));/* Webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E1E1E1');/* IE */
	border: 1px solid #999;
	color: #333 !important;
	display: inline-block;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	text-decoration: none !important;
	
	/* Do Rounding */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.button:hover {
	background:-moz-linear-gradient(-90deg, #0CA6DD, #0770A0);/* Firefox */
	background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#0CA6DD), to(#0770A0));/* Webkit */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0CA6DD', endColorstr='#0770A0');/* IE */
	border-color: #2E63A5 !important;
	color: #FFF !important;
}

/* Dropdown Button
---------------------------------------------------------------*/
.dropdown-button {
	background: -moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1);/* Firefox */
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(white), to(#E1E1E1));/* Webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E1E1E1');/* IE */
	border: 1px solid #999;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	position: relative;
	
	/* Do Rounding */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.dropdown-button:hover,
.dropdown-button.active {
	background:-moz-linear-gradient(-90deg, #0CA6DD, #0770A0);/* Firefox */
	background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#0CA6DD), to(#0770A0));/* Webkit */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0CA6DD', endColorstr='#0770A0');/* IE */
	border-color: #2E63A5;
	color: #FFF;
}
.dropdown-button span {
	background: url(images/arrow.png) no-repeat right center;
	display: block;
	font-size: 11px;
	padding-right: 10px;
}
.dropdown-button:hover span,
.dropdown-button.active span {
	background: url(images/arrow-white.png) no-repeat right center;
}
.dropdown-button ul {
	background: #FFF;
	border: 1px solid #CCC;
	left: -1px;
	min-width: 100%;
	position: absolute;
	z-index: 1;
}
.dropdown-button li a {
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
.dropdown-button li a:hover {
	background-color: #EDF0F8;
}

/* =4 Icons
---------------------------------------------------------------------------------------------------------------------*/
/* Operation icons
---------------------------------------------------------------*/
.o-icon{
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
	height:16px;
	text-indent:-5000px;
	width:16px;
}
.o-icon.input-icon{
	background-color:transparent;
	border:0 none;
	cursor:pointer;
}
.o-icon.add{
	background-image:url(images/icons/add.png);
}
.o-icon.answer{
	background-image:url(images/icons/answer.png);
}
.o-icon.calculate{
	background-image:url(images/icons/calculate.png);
}
.o-icon.cancel{
	background-image:url(images/icons/cancel.png);
}
.o-icon.copy{
	background-image:url(images/icons/copy.png);
}
.o-icon.cross{
	background-image:url(images/icons/cross.png);
}
.o-icon.delete{
	background-image:url(images/icons/delete.png);
}
.o-icon.edit{
	background-image:url(images/icons/edit.png);
}
.o-icon.export{
	background-image:url(images/icons/export.png);
}
.o-icon.move-down{
	background-image:url(images/icons/move-down.png);
}
.o-icon.move-up{
	background-image:url(images/icons/move-up.png);
}
.o-icon.remove{
	background-image:url(images/icons/remove.png);
}
.o-icon.save{
	background-image:url(images/icons/save.png);
}
.o-icon.setting{
	background-image:url(images/icons/setting.png);
}
.o-icon.tick{
	background-image:url(images/icons/tick.png);
}
.o-icon.view{
	background-image:url(images/icons/view.png);
}